/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/
var player = new Vue({
  el:"#player",
  data:{
    // 搜索关键字
    keywords:"",
    // 搜索到的歌曲
    musicList:[],
    songUrl:"",
    picUrl:"",
    hotComments:[],
    isPlaying:false,
    mvUrl:"",
    showVideo:false,
  },
  methods:{
    // 搜索获取歌曲信息
    searchMusics:function(){
      var that = this;
      axios.get("https://autumnfish.cn/search?keywords=" + this.keywords)
      .then(res => {
        // console.log(res);
        that.musicList = res.data.result.songs;
      })
      .catch(err => {

      })
      .finally(() => {

      })
    },
    
    // 播放歌曲
    playMusic:function(musicId){
      //获取歌曲的 url 地址
      var that = this;
      axios.get("https://autumnfish.cn/song/url?id=" + musicId)
      .then(res => {
        that.songUrl = res.data.data[0].url;
      })
      // 获取歌曲专辑封面
      axios.get("https://autumnfish.cn/song/detail?ids=" + musicId)
      .then(res => {
        that.picUrl = res.data.songs[0].al.picUrl;
      })
      // 获取歌曲热门评论
      axios.get("https://autumnfish.cn/comment/hot?type=0&id=" + musicId)
      .then(res => {
        that.hotComments = res.data.hotComments;
        // console.log(res.data.hotComments);
      })
    },

    //audio 的 play 事件
    play:function(){
      this.isPlaying = true;
      //清空 mv 信息
      this.mvUrl = "";
    },
    // audio 的 pause 事件
    pause:function(){
      this.isPlaying = false;
    },
    // 播放MV
    playMv:function(vid){
      var that = this;
      that.showVideo = true;
      axios.get("https://autumnfish.cn/mv/url?id=" + vid)
      .then(res => {
        this.$refs.audio.pause();
        that.mvUrl = res.data.data.url;
        console.log(res.data.data.url);
      })
    },
    // 关闭 mv
    closeMv:function(){
      this.showVideo = false;
      this.$refs.video.pause();
    },
    // 历史搜索中记录的歌曲
    historySearch:function(history){
      this.keywords = history;
      this.searchMusics();
      this.showHistory = false;
    }
  }
})
